<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/common.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/jquery.ui.all.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.ui.core.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.ui.position.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.ui.button.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.ui.dialog.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.effects.core.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.effects.blind.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.effects.explode.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.galleria.js"></script>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/basic_ie.css" />
<![endif]-->
<!--[if IE 6]>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/ie6.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/DD_belatedPNG.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('.prod_price, .prod_light, background, img');</script>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/ie6.css" />
<![endif]-->
<title>河南洛阳杜康控股有限公司--百顺酒业总代理</title>
</head>

<body>
<div class="whole_content">
	<div class="header">
		<div class="logo_area">
			<div class="logo"><img alt="河南洛阳杜康控股有限公司" src="${pageContext.request.contextPath}/images/logo.png"></div>
		</div>
	</div>
    <div class="clear content_all_bg">
        <div class="home_mid_bg">
	        <div class="viewport">
	            <ul class="overview">
	            	<s:iterator value="products" var="prod"> 
	                <li>
	                	<div class="prod_logo left">
		                	<a href="<s:url value='/product/showProduct.action'><s:param name='productId' value='id'/></s:url>">
		                		<img src="${pageContext.request.contextPath}/<s:property value='%{#prod.logo.path}'/>" alt="<s:property value="%{#prod.name}"/>" />
			                	<div class="prod_shadow left"></div>
		                	</a>
	                	</div>
	                	<div class="prod_light left prod_ie6"></div>
	                	<div class="prod_info clear">
		                	<div class="prod_price left">
		                		<h6>
									<s:property value="%{#prod.name}"/>
								</h6>
								<p>零售价：<span><s:property value="%{#prod.general_price}"/></span>元/瓶</p>
								<p>团购价：<span><s:property value="%{#prod.vip_price}"/></span>元/瓶</p>
							</div>
							<div class="prod_shop left">
								<a class="order_btn" id="order_frame<s:property value='%{#prod.id}'/>" href="javascript:void(0);"></a>
							</div>
							<div class="clear"></div>
						</div>
						<div id="dialog-form<s:property value='%{#prod.id}'/>" title="请填写您的预订信息">
                            <iframe frameborder="no" scrolling="no" src="<s:url value='/order/orderProduct.action'><s:param name='productId' value='id'/></s:url>" width="100%" height="99%"></iframe>
                        </div>
	                </li>
	                
				    <script type="text/javascript">
				    	$(function() {
				    		$( "#dialog-form"+"<s:property value='%{#prod.id}'/>" ).dialog({
				    			autoOpen: false,
				    			height: 530,
				    			width: 890,
				    			modal:true,
				    			resizable:true
				    		});
				    		$("#order_frame"+"<s:property value='%{#prod.id}'/>").click(function() {
				    			$( "#dialog-form"+"<s:property value='%{#prod.id}'/>" ).dialog( "open" );
				    		});
				    	});
				    </script>
	                </s:iterator>
	                <div class="clear"></div>
	            </ul>
	        </div>
        </div>
    </div>
    <div class="footer">
    	<div class="footer_area">
    		<div class="left footer_left">
    			<div class="desc_line">地址：高邮市百顺酒业经营部  高邮市万金路16号</div>
    			<div class="desc_line">电话：0514-84621408</div>
    			<div class="desc_line">传真：0514-84621408</div>
    		</div>
    		<div class="left footer_right">
    			<div class="desc_line"><a href="${pageContext.request.contextPath}/admin/loadLogin.action">后台登陆</a></div>
    			<div class="desc_line">技术支持:创新软件有限公司</div>
    			<div class="desc_line">电话：13771797259</div>
    		</div>
    		<div class="clear"></div>
    	</div>
    </div>
</div>
</body>
</html>